import { useState } from "react";
import "./App.css";

// import PopupDemo from "./demos/PopupDemo";
// import PopupDemo2 from "./demos/PopupDemo2";
// import TableDemo from "./demos/TableDemo";
// import TableDemo2 from "./demos/TableDemo2";
// import PaginatorDemo from "./demos/PaginatorDemo";
// import FilterDemo from "./demos/FilterDemo";
import TableXDemo from "./demos/TableXDemo";
import FormDemo from "./demos/FormDemo";
import FormDemo2 from "./demos/FormDemo2";

function App() {
  const [showCom, setShowCom] = useState(true);

  return (
    <>
      <button onClick={e => setShowCom(!showCom)}>切换显隐</button>
      {/* <PopupDemo></PopupDemo> */}
      {/* <PopupDemo2></PopupDemo2> */}
      {/* <TableDemo></TableDemo> */}
      {/* <TableDemo2></TableDemo2> */}
      {/* <PaginatorDemo></PaginatorDemo> */}
      {/* <FilterDemo></FilterDemo> */}
      {/* <TableXDemo></TableXDemo> */}
      {showCom && <FormDemo></FormDemo>}
      {/* {showCom && <FormDemo2></FormDemo2>} */}

    </>
  );
}

export default App;
